<template>
	<view class="all">
		<view class="carp" @click="submit(item)" v-for="(item,index) in list">
			<image :src="item.url" class="carp_1" />
			<view class="carp_2">
				<text>{{item.name}}</text>
				<text>{{item.text}}</text>
			</view>
			<u-icon name="arrow-right" size="25" color='#91969A ' />
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						name: '辅助开通',
						text: '帮助好友开通课程的权限',
						url: require('@/static/img/fzjt.png')
					},
					{
						name: '邀请参训',
						text: '与好友一起参加线下课程',
						url: require('@/static/img/yqcx.png')
					},
					{
						name: '分销中心',
						text: '分享好友课程 赚取佣金',
						url: require('@/static/img/fxzxx.png')
					}
				],
			};
		},
		methods: {
			submit(item) {
				let data=JSON.stringify(item)
				// if (item.name == '辅助开通') {
					uni.navigateTo({
						url:`./fzkt?data=${data}`
					})
				// } else if (item.name == '邀请参训') {} else {}
			}
		}
	}
</script>

<style lang="scss">
	.all {
		min-height: 1300rpx;
		background-color: #F6F6F6;
		// border: 1rpx solid black;
		padding: 30rpx 30rpx 0rpx 30rpx;

		.carp {
			padding: 25rpx;
			background-color: white;
			border-radius: 8rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 30rpx;
			// margin:30rpx auto;

			.carp_3 {
				width: 16.97rpx;
				height: 16.97rpx;
			}

			.carp_1 {
				width: 72rpx;
				height: 71rpx;
			}

			.carp_2 {

				width: 80%;

				text:nth-of-type(1) {
					display: block;
					font-size: 32rpx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #333333;
					opacity: 1;
				}

				text:nth-of-type(2) {
					margin-top: 10rpx;
					display: block;
					font-size: 26rpx;
					font-family: Source Han Sans CN;
					color: #91969A;
					opacity: 1;

				}
			}


		}
	}
</style>
